 <van-cell-group>
        <van-field readonly label="房源信息" />
      </van-cell-group>
      <div class="line"></div>
      <!-- 小区名称 -->
      <van-field
        readonly
        clickable
        name="xiaoqu"
        label="小区名称"
        @click="$router.push('/xiaoqu')"
        ><template #extra>
          {{ xiaoqu ? xiaoqu : "请输入小区名称 " }}
          <span>></span>
        </template>
      </van-field>
      <!-- 租金 -->
      <van-field
      name="price"
        v-model="valueprice"
        label="租金"
        placeholder="请输入租金/月"
        border
      >
        <template #extra>￥/月</template>
      </van-field>
      <!-- 建筑面积 -->
      <van-field name="size" v-model="valuesize" label="建筑面积" placeholder="请输入建筑面积">
        <template #extra>㎡</template>
      </van-field>
      <!-- 户型 -->
      <van-field name="Type" readonly clickable label="户型" @click="showPicker1 = true">
        <template #extra>
          {{ value3 ? value3 : "请选择 " }}
          <span style="font-size: 18px; color: #888">></span>
        </template>
      </van-field>
      <van-popup v-model="showPicker1" position="bottom">
        <van-picker
          show-toolbar
          :columns="columns1"
          @confirm="onConfirm1"
          @cancel="showPicker1 = false"
        />
      </van-popup>

      <!-- 所在楼层 -->
      <van-field
        readonly
        clickable
        label="所在楼层"
        @click="showPicker2 = true"
         name="Floor"
      >
        <template #extra>
          {{ value4 ? value4 : "请选择 " }}
          <span style="font-size: 18px; color: #888">></span>
        </template>
      </van-field>
      <van-popup v-model="showPicker2" position="bottom">
        <van-picker
          show-toolbar
          :columns="columns2"
          @confirm="onConfirm2"
          @cancel="showPicker2 = false"
        />
      </van-popup>

      <!-- 朝向 -->
      <van-field  name="Cloud" readonly clickable label="朝向" @click="showPicker3 = true">
        <template #extra>
          {{ value5 ? value5 : "请选择 " }}
          <span style="font-size: 18px; color: #888">></span>
        </template>
      </van-field>
      <van-popup v-model="showPicker3" position="bottom">
        <van-picker
          show-toolbar
          :columns="columns3"
          @confirm="onConfirm3"
          @cancel="showPicker3 = false"
        />
      </van-popup>
      <!-- 房屋标题 -->
      <van-cell-group>
        <van-field readonly label="房屋标题" />
      </van-cell-group>
      <div class="line"></div>
      <div class="fw_content">
        <van-field
          v-model="value"
          placeholder="请输入标题(例如：整租 小区名 2室 5000元)"
        />
      </div>
      <!-- 房屋图像 -->
      <van-cell-group style="padding-top: 10px">
        <van-field readonly label="房屋图像" border />
        <van-uploader
          enctype="multipart/form-data"
          v-model="fileList"
          multiple
          :after-read="afterRead"
        />
      </van-cell-group>
      <!-- 房屋配置 -->
      <van-cell-group>
        <van-field readonly label="房屋配置" />
      </van-cell-group>
      <van-grid :column-num="5">
        <van-grid-item
          icon="free-postage"
          text="衣柜"
          @click="changeColor"
          :class="[colore === true ? 'colore' : '']"
        />
        <van-grid-item
          icon="balance-list-o"
          text="洗衣机"
          @click="changeColor1"
          :class="[colorf === true ? 'colorf' : '']"
        />
        <van-grid-item
          icon="shrink"
          text="空调"
          @click="changeColor2"
          :class="[colorg === true ? 'colorg' : '']"
        />
        <van-grid-item
          icon="bulb-o"
          text="天然气"
          @click="changeColor3"
          :class="[colorh === true ? 'colorh' : '']"
        />
        <van-grid-item
          icon="guide-o"
          text="冰箱"
          @click="changeColor4"
          :class="[colori === true ? 'colori' : '']"
        />
      </van-grid>
      <van-grid :column-num="5">
        <van-grid-item
          icon="fire-o"
          text="暖气"
          @click="changeColor5"
          :class="[colorq === true ? 'colorq' : '']"
        />
        <van-grid-item
          icon="video-o"
          text="电视"
          @click="changeColor6"
          :class="[colorw === true ? 'colorw' : '']"
        />
        <van-grid-item
          icon="wap-home-o"
          text="热水器 "
          @click="changeColor7"
          :class="[colora === true ? 'colora' : '']"
        />
        <van-grid-item
          icon="desktop-o"
          text="宽带"
          @click="changeColor8"
          :class="[colors === true ? 'colors' : '']"
        />
        <van-grid-item
          icon="pending-payment"
          text="沙发"
          @click="changeColor9"
          :class="[colorp === true ? 'colorp' : '']"
        />
      </van-grid>
      <!-- 房屋信息 -->
      <van-cell-group style="margin-top: 20px">
        <van-field readonly label="房屋描述" />
        <div class="line"></div>
        <textarea
          rows="5"
          placeholder="请输入房屋描述信息"
          class="textarea-info"
        ></textarea>
      </van-cell-group>
      <!-- 尾部 -->
      <div class="footer">
        <div class="footer_left">取消</div>
        <div class="footer_right">提交</div>
      </div>
